<template>
 <div>
     <button :style="{background:bg}">
        <slot/>
     </button>
 </div>
</template>

<script>
 export default {
   name: 'Button',
   props:{
       bg:{
           type:String,
           default:'orange'
       }
   }
 }
</script>

<style scoped >
button{
    border: none;
    width: 60px;
    height: 30px;
    outline: none;
}
</style>